<template>
  <div id="app">
    <haader></haader>
    <tables></tables>
    <transition
    mode="out-in"
    enter-active-class="animated bounceInRight"
    leave-active-class="animated bounceOutLeft"
    >
      <router-view/>
    </transition>
    <play></play>
  </div>
</template>

<script>
import haader from 'components/m-haeder/haader.vue'
import tables from 'components/tables/tables.vue'
import play from 'components/play/play.vue'
export default {
  name: 'App',
  components:{
    haader,
    tables,
    play
  }
}
</script>

<style lang="stylus" scoped>

</style>

